<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  <head>

    <title>{% block head_title %}{% endblock %} | {% if site_name %}{{ site_name }}{% endif %}</title>


    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="author" content="" />
    <meta name="copyright" content="" />
    <meta name="description" content="" />

    <meta name="robots" content="all" />

    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.3.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}common/js/swfobject.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}common/js/lightbox/thickbox.js"></script>
    <link rel="stylesheet" href="{{ MEDIA_URL }}common/js/lightbox/thickbox.css" />
    <link rel="stylesheet" type="text/css" media="all" href="{{ MEDIA_URL }}themes/esser/css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="{{ MEDIA_URL }}themes/esser/css/960.css" />
    <link rel="stylesheet" type="text/css" media="all" href="{{ MEDIA_URL }}themes/esser/css/text.css" />
    <link rel="stylesheet" type="text/css" media="all" href="{{ MEDIA_URL }}themes/esser/css/site.css" />
    <link rel="stylesheet" type="text/css" media="all" href="{{ MEDIA_URL }}themes/esser/css/college.css" />
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" media="all" href="{{ MEDIA_URL }}themes/esser/css/ie6.css" />
    <![endif]-->


    {% block extra_head %}{% endblock %}

  </head>

  <body id="{% block body_id %}body_base{% endblock %}">

    <div id="shadow">

      <div id="wrapper" class="container_12">

        <!-- HEADER -->

        <div id="header" class="grid_12">

          <div id="logo"><a href="http://news21.com/"><img src="{{ MEDIA_URL }}themes/esser/images/header/news21.gif" alt="News 21" /></a></div>

          <div id="tagline"><img src="{{ MEDIA_URL }}themes/esser/images/header/innovate-investigate-collaborate.gif" alt="Innovate_Investigate_Collaborate." /></div>

          <ul class="dropdown">
          {% block navbar %}
            <li><a href="http://news21.com/topics/"><img src="{{ MEDIA_URL }}themes/esser/images/header/buttons/topics.gif" alt="Topics" /></a>
              <ul class="topic_sub_menu">
                <li><a href="#">One</a></li>
                <li><a href="#">Two</a></li>
                <li><a href="#">Three</a></li>
              </ul>
            <li onmouseover="$('ul.about_sub_menu').show();" onmouseout="$('ul.about_sub_menu').hide();"><a href="http://news21.com/about/"><img src="{{ MEDIA_URL }}themes/esser/images/header/buttons/about.gif" alt="About" /></a>
              <ul class="about_sub_menu">
                <li><a href="http://news21.com/topics#initiative">The Initiative</a></li>
                <li><a href="http://news21.com/topics#participants">Participants</a></li>
                <!-- <li><a href="#">Contributors</a></li>
                <li><a href="#">News Partners</a></li> -->
              </ul>
            </li>
           {% endblock %}
          </ul>

          <form action="http://news21.com/search/" method="get">
            <fieldset>
              <input name="q" type="text" value="{{ request.GET.q }}" class="input" />
              <input name="search" type="image" src="{{ MEDIA_URL }}themes/esser/images/header/buttons/search.gif" alt="Search" class="search" />
            </fieldset>
          </form>
        </div>
        <!-- SUB HEADER -->

        <div id="subheader" class="grid_12">
          <div class="affiliate"><strong><a href="/">ASU</a></strong></div>
          <div class="project"><a href="/" class="subheading_link"><em>Latino America</em> &ndash; migration patterns and cultural issues</a></div>
        </div>


        <div class="{% block content_grid %}grid_9{% endblock %}" id="content">
        {% if messages %}
            <ul id="messages">
                {% for message in messages %}
                <li id="message_{{ forloop.counter }}"><a href="#" onclick="
$('#message_{{ forloop.counter }}').fadeOut(); return false;"><small>clear</small></a> {{ message }}</li>
                {% endfor %}
            </ul>
        {% endif %}

        {% block body %}{% endblock %}

        </div><!-- close content div -->


        {% block sidebar %}
        <div id="sidebar" class="grid_3">

          {% block sidebar_about %}
          <div id="about-news21" class="box">

            <div class="header"><img src="{{ MEDIA_URL }}themes/esser/images/headers/about-news21.gif" alt="About News21" /></div>

            <div class="padding">

<p>
<strong>This site is an alliance of more than 90 students from 12 universities  exploring new approaches to in-depth digital journalism.  Carnegie-Knight fellows from Harvard, Missouri, Nebraska and Texas join teams of fellows from the eight schools listed below.</strong>  
</p>
<p>
<strong>These projects are in their early stages.  They are shared here with elements to be refined in July and August.  Please return to see our work take shape.</strong>
</p> 

            </div>

          </div>
          {% endblock %}

          {% block sidebar_topics %}
          <div id="topics" class="box">

            <div class="header"><img src="{{ MEDIA_URL }}themes/esser/images/headers/2009-topics.gif" alt="2009 Topics" /></div>

            <div class="padding">

              <ul>
                <li><a href="http://asu.news21.com">The Latino Experience Across America</a></li>
                <li><a href="http://berkeley.news21.com">Urban Reporting, Demographics and the American Tapestry</a></li>
                <li><a href="http://columbia.news21.com">Charter Schools: A Lends Into Education Across the USA</a></li>
                <li><a href="http://umd.news21.com">The U.S. Political landscape - racial Identity and Attitudes</a></li>
                <li><a href="http://unc.news21.com">Changing America: Population and Energy Use</a></li>

                <li><a href="http://northwestern.news21.com">Urban Youth and the New America</a></li>
                <li><a href="http://usc.news21.com">Southwestern Shifts: New Communication and New Realties</a></li>
                <li><a href="http://syracuse.news21.com">Teen America: Technology, Identity and Empowerment</a></li>
              </ul>

            </div>

          </div>
          {% endblock %}

          {% block sidebar_orgs %}
          <div id="university-newsrooms" class="box">

            <div class="header"><img src="{{ MEDIA_URL }}themes/esser/images/headers/university-newsrooms.gif" alt="University Nerwsrooms" /></div>

            <div class="padding">

              <ul class="left">
                <li><a href="http://asu.news21.com">Arizona State</a></li>
                <li><a href="http://berkeley.news21.com">Berkeley</a></li>
                <li><a href="http://columbia.news21.com">Columbia</a></li>

                <li><a href="http://umd.news21.com">Maryland</a></li>
              </ul>

              <ul class="right">
                <li><a href="http://unc.news21.com">North Carolina</a></li>
                <li><a href="http://northwestern.news21.com">Northwestern</a></li>
                <li><a href="http://usc.news21.com">Southern California</a></li>

                <li><a href="http://syracuse.news21.com">Syracuse</a></li>
              </ul>

              <div class="clear"></div>

            </div>

          </div>
          {% endblock %}

        </div>
        {% endblock %}

        <!-- FOOTER -->

        <div id="footer">

          <div id="buttons" class="grid_4">

            <ul>
              <li><a href="mailto:news@news21.com"><img src="{{ MEDIA_URL }}themes/esser/images/footer/buttons/contact-news21.gif" alt="Contact News21" /></a></li>
              <li><a href="http://newsinitiative.org/projects"><img src="{{ MEDIA_URL }}themes/esser/images/footer/buttons/archive.gif" alt="Archive" /></a></li>

            </ul>

          </div>

          <div id="bookmarks" class="grid_4">

            <ul>
              <li><a href="http://ning.news21.com/"><img src="{{ MEDIA_URL }}themes/esser/images/footer/bookmarks/ng.gif" alt="Ning Blogs" /></a></li>
              <li><a href="http://www.facebook.com/news21#/group.php?sid=6e93479d36c94c53fd02a741f6e4a778&gid=2526450378&ref=search"><img src="{{ MEDIA_URL }}themes/esser/images/footer/bookmarks/facebook.gif" alt="Facebook" /></a></li>
              <li><a href="http://www.youtube.com/news21"><img src="{{ MEDIA_URL }}themes/esser/images/footer/bookmarks/youtube.gif" alt="YouTube" /></a></li>

              <li><a href="http://www.linkedin.com/groups?gid=1498937"><img src="{{ MEDIA_URL }}themes/esser/images/footer/bookmarks/linkedin.gif" alt="LinkedIn" /></a></li>
              <!--li><a href="#"><img src="{{ MEDIA_URL }}themes/esser/images/footer/bookmarks/rss.gif" alt="RSS" /></a></li-->
              <!--li><a href="#"><img src="{{ MEDIA_URL }}themes/esser/images/footer/bookmarks/email.gif" alt="Email" /></a></li-->
            </ul>

          </div>

          <div id="sponsors" class="grid_4">

            <ul>

              <li><a href="http://www.carnegie.org/" rel="external"><img src="{{ MEDIA_URL }}themes/esser/images/footer/sponsors/carnegie-corporation.gif" alt="Carnegie Corporation of New York" /></a></li>
              <li><a href="http://www.knightfoundation.org/" rel="external"><img src="{{ MEDIA_URL }}themes/esser/images/footer/sponsors/knight-foundation.gif" alt="John S. and James L. Knight Foundation" /></a></li>
            </ul>

          </div>

        </div>

      </div>

    </div>

    <div id="bottom"></div>

  </body>

</html>
